<template>
  <BorderBox
    :title="title"
    :headerBottom="false"
    :wrapperStyle="{
      width: 'calc((50% - 32px) / 3)',
      height: '170px',
      margin: '16px',
    }"
    :styleText="{ height: '75%' }"
  >
    <template #main_info>
      <div class="main_info_l">
        <p>288</p>
        <p class="used">天数</p>
      </div>
    </template>
  </BorderBox>
</template>

<script setup>
import { ref, defineEmits, defineExpose } from "vue";
const props = defineProps({
  // 标题
  title: {
    type: String,
    default: "",
  },
});
const emits = defineEmits(["handleSubmit"]);
defineExpose({});
// const handleTabChange = (tab) => {
//   emits('handleTabChange', tab)
// }
</script>

<style lang="scss" scoped>
.main_info_l {
  font-size: 18px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  .used {
    font-size: 12px;
    color: #2c406899;
    padding-top: 6px;
  }
}
</style>
